<template>
	<div id="app">
		<div class="background1">
			<p align="right">
				<font color="black" face="黑体" size="3">寻找出彩的你</font>
				<br />
				<font color="black" face="黑体" size="5">网约车司机招聘</font>
				<br />
				<font color="orange" face="黑体" size="2">HIRING OF LYFT DRIVERS</font>
			</p>
			<br />
			<br />
		</div>

		<div class="box-oranger" style="width: 150px;">
			<h6 align="left">
				<font color="white" size="6">公司简介:</font>
			</h6>
		</div>
		<p align="left">
			<font size="2">淮安市江淮智慧科技有限公司是一家创新型的互联网科技公司，注册资本为3000万，是淮安市交通控股有限公司的全资子公司。公司营业范围是网络预约出租汽车；汽车租赁服务；公路旅客运输；计算机软硬件及网络工程的技术开发、技术服务、技术咨询、技术转让等。<br />公司始终以“服务交通，科技惠民”为宗旨，开拓创新、锐意进取，打造并完善以公共事业服务为载体的智慧民生服务平台。<br />
				公司拥有交通运输部核发的“网约预约出租车经营许可证”，“道路运输经营许可证”资质。公司自主研发的“城客e家”APP是一款专门为淮安市民打造的智慧生活APP，集成了汽车租赁、网约出租、智慧停车、公交查询、现代轻轨查询等多项功能。</font>
		</p>
		<div class="box-oranger box-2" style="width: 250px;">
			<h6 align="left">
				<font color="white" size="6">网约车合作模式:</font>
			</h6>
		</div>
		<h4 align="left">（一）经租模式</h4>
		<el-card class="box-card">
			<div v-for="o in list1" :key="o" class="text item" style="text-align:left;">
				{{o }}
			</div>
		</el-card>
		<p>
			<font color="#BCC2C7">经租模式需收取二万元安全服务保证金</font>
		</p>
		<p align="left"><br /></p>
		<h4 align="left">（二）融租模式</h4>
		<el-card class="box-card">
			<div v-for="o in list2" :key="o" class="text item" style="text-align:left;">
				{{o }}
			</div>
		</el-card>
		<div class="box-oranger box-3" style="width: 580px;">
			<h6 align="left">
				<font color="white" size="6">网约车车型展示——比亚迪秦EV新能源:</font>
			</h6>
		</div>
		<p> <img src="assets/素材1.jpg" style="width: 900px;height: 300px ;"></p>
		<div class="box-oranger" style="width: 220px;">
			<h6 align="left">
				<font color="white" size="6">司机招募条件:</font>
			</h6>
		</div>
		<el-card class="box-card">
			<div v-for="o in list3" :key="o" class="text item" style="text-align:left;">
				{{o }}
			</div>
		</el-card>

		<div class="box-oranger" style="width: 220px;">
			<h6 align="left">
				<font color="white" size="6">线下报名地址:</font>
			</h6>
		</div>
		<el-table :data="tableData" border style="width: 100%">
			<el-table-column prop="date" label="地点" width="180">
			</el-table-column>
			<el-table-column prop="name" label="具体地址" width="180">
			</el-table-column>
			<el-table-column prop="address" label="日期">
			</el-table-column>
		</el-table>
		<div class="box-zhong mage-top" >
			<h4 align="center">
				<font color="white" size="7" style="text-align:center;">报名热线：0517-83719332</font>
			</h4>
		</div>


		<el-footer class="mage-top" background-image="../02.jpg">
			<div class="box-white">
				<h2 align="center ">网约车司机报名登记表</h2>
				<el-form ref="form" :model="form" label-width="120px">
					<el-form-item label="姓名">
						<el-input v-model="form.name"></el-input>
					</el-form-item>
					<el-form-item label="年龄">
						<el-input v-model="form.age"></el-input>
					</el-form-item>
					<el-form-item label="联系电话">
						<el-input v-model="form.number"></el-input>
					</el-form-item>
					<el-form-item label="家庭住址">
						<el-input v-model="form.add"></el-input>
					</el-form-item>
					<el-form-item label="意向合作模式">
						<el-select v-model="form.region" placeholder="请选择合作模式">
							<el-option label="经租模式" value="经租模式"></el-option>
							<el-option label="融租模式" value="融租模式"></el-option>
						</el-select>
					</el-form-item>
					</el-form-item>
					<el-form-item label="是否有行业经验">
						<el-radio-group v-model="form.resource">
							<el-radio label="有"></el-radio>
							<el-radio label="无"></el-radio>
						</el-radio-group>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="onSubmit">提交信息</el-button>
					</el-form-item>
				</el-form>

			</div>
			淮安江淮科技智慧有限公司
		</el-footer>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				tableData: [{
					date: '水渡口',
					name: '环宇路、和平路红绿灯交叉口',
					address: '上午8：00-下午19：00'
				}, {
					date: '楚秀园北大门',
					name: '承德南路楚秀园北大门东侧50米',
					address: '上午8：00-下午19：00 '
				}, {
					date: '北京新村',
					name: '北京北路公交调度站（6路、26路、733路终点站）',
					address: '上午8：00-下午19：00 '
				}, {
					date: '淮安区镇淮楼',
					name: '韩信南路2号 淮安区工会南侧20米',
					address: '上午8：00-下午19：00'
				}],
				objectSpanMethod({
					row,
					column,
					rowIndex,
					columnIndex
				}) {
					if (columnIndex === 0) {
						if (rowIndex % 4 === 0) {
							return {
								rowspan: 0,
								colspan: 3
							};
						} else {
							return {
								rowspan: 0,
								colspan: 3
							};
						}
					}
				},

				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				},
				list1: ["1.公司购车，发基本工资,交社保：驾驶员每月缴纳租金费用6600元；由平台每月从驾驶员经营流水中扣除，其余部分按1:9分成，平台得10%，驾驶员得90%",
					"2.公司购车，不发基本工资，公司交社保：驾驶员每月缴纳租金费用4800元，由平台每月从驾驶员经营流水中扣除，其余部分按1:9分成，平台得10%，驾驶员得90%。"
				],
				list2: ["1.驾驶员全款购车，挂靠平台运营，第一年不收取管理费及订单的平台服务费（驾驶员自行缴纳社保）",
					"2.驾驶员分期购买车辆，挂靠平台，根据首付金额不同，月供租金费用相应不同，以银行及金融机构实际办理结果为准。第一年不收取管理费及订单的平台服务费（驾驶员自行缴纳社保）。"
				],
				list3: ["1.持有C2及以上驾照，3年及以上驾龄", "2.无重大事故及违章，无交通肇事犯罪记录，无吸毒记录，无纹身，无暴力犯罪记录，最近3个周期无一次性扣满12分记录，无犯罪记录",
					"3.年龄22-55周岁，身体健康，品貌端正", "4.持有《网络预约出租车汽车驾驶员证》", "5.有行业经验且无有责投诉者优先、退伍军人优先", "6.具有本市户籍或者取得暂住证", "7.个人信用记录无失信行为。"
				]
			}
		},
		methods: {
			onSubmit() {
				console.log('submit!');
			}
		}
	}
</script>

<style>
	#app {
		font-family: Helvetica, sans-serif;
		text-align: center;
	}

	body {
		background-color: aliceblue;
	}

	.text {
		font-size: 14px;
		color: #ffffff;
	}

	.item {
		margin: 40px;
		background-color: #bcc2c7;
	}

	.box-card {}

	.text {
		font-size: 14px;
		color: #ffffff;
	}

	.item {
		margin: 40px;
		background-color: #bcc2c7;
	}

	.box-card {}

	.text {
		font-size: 14px;
		color: #ffffff;
	}

	.item {
		margin: 40px;
		background-color: #bcc2c7;
	}

	.box-oranger {
		background-color: orange;
	}

	.box-white {
		background-color: white;
	}

	.box-zhong {
		background-color: orange;

	}
	.mage-top{
		margin-top: 50px;
	}

	.background1 {
		background-image: url(assets/背景.jpg);
	}
	.mage-top{
		background-image: url(assets/02.png);
	}
</style>
